.categoryBox {
  width: 678px;

  box-sizing: border-box;
  margin: 20px 0;
  padding: 14px 56px;
  border-radius: 10px;
  background-color: #ffffff;

  .categoryGroup {
    display: flex;
    flex-wrap: wrap;
    .category {
      width: 96px;
      height: 128px;
      margin-right: 60px;
      margin-bottom: 5px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;

      .img {
        width: 86px;
        height: 86px;
        border-radius: 50%;
        // background: linear-gradient(0deg, #de0000 0%, #ff7575 100%);
      }

      .categoryName {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 96px;
        height: 34px;
        font-family: PingFang SC;
        font-size: 24px;
        font-weight: 500;
        line-height: 33.6px;
        color: #888888;
      }
    }

    .category:nth-child(4n) {
      margin-right: 0;
    }
  }
}
